Flex Blogger Template

The Main Features Of Flex



Edit Menu:

Go to Blogger.com > Your Blog > Template > Edit HTML and find the following code:

<div id='navigation'>
            <nav>
                <ul id='resnav'>
                  <li><a class='nav_link' href='/' id='nav_current' title='Home'>Home</a></li>
                  <li><a class='nav_link' href='http://flex-templateclue.blogspot.com/p/simple-page.html' title='Archive'>Page</a></li>
                  <li><a class='nav_link' href='/' title='Contact'>Contact</a></li>
                </ul>
            </nav>

Now change all of the links with your own.


Edit Admin Image

Go to Blogger.com > Your Blog > Template > Edit HTML and find "<!-- Icon Image can be modified -->"

 <div id='icon_wrap'>

    <!-- Icon Image can be modified in #Icon CSS Rule -->
  <img id='icon' src='http://4.bp.blogspot.com/-z5kbk6UmfqY/VFmeejZeJrI/AAAAAAAAANQ/d8jw3D3u6Pk/s1600/Daksh.jpg'/>

</div>

Now Replace the Image Source with your own.


Edit Second Menu

Go to Blogger.com > Your Blog > Template > Edit HTML and find "<div class="categories">"

 <div class="categories">
    <nav>
        <ul>
            <li><a href="#" class="categories_link" title="Home">Home</a></li>
            <li><a href="#" class="categories_link" title="Photography">Photography</a></li>
            <li><a href="#" class="categories_link" title="Videos">Videos</a></li>
            <li><a href="#" class="categories_link" title="Travel">Travel</a></li>
            <li><a href="#" class="categories_link" title="Food">Food</a></li>
            <li><a href="#" class="categories_link" title="Culture">Culture</a></li>
            <li><a href="#" class="categories_link" title="Music">Music</a></li>
            <li><a href="#" class="categories_link" title="Technology">Technology</a></li>
            <li><a href="#" class="categories_link" title="Health">Health</a></li>
            <li><a href="#" class="categories_link" title="Movies">Movies</a></li>
            <li><a href="#" class="categories_link" title="Fashion">Fashion</a></li> 
        </ul>
    </nav>
</div>

Now Replace all the links with your own.



Add Buttons

1. In the Post section, click on edit post or create a new post
2. Click on HTML
3. A code is written above use that code to display that Button link


<a class="btn" href="Your Link" target="_blank">Your Text Here</a></div>

4. Save your Post and check.



Edit Social Buttons

<div id='social_media'>

        <ul>
            <li><a class='facebook' href='#'><i class='fa fa-facebook fa-lg'/></a></li>
            <li><a class='twitter' href='#'><i class='fa fa-twitter fa-lg'/></a></li>
            <li><a class='google_plus' href='#'><i class='fa fa-google-plus fa-lg'/></a></li>
            <li><a class='linkedin' href='#'><i class='fa fa-linkedin fa-lg'/></a></li>
            <li><a class='dribbble' href='#'><i class='fa fa-dribbble fa-lg'/></a></li>
            <li><a class='instagram' href='#'><i class='fa fa-instagram fa-lg'/></a></li>
            <li><a class='youtube' href='#'><i class='fa fa-youtube-play fa-lg'/></a></li>
            <li><a class='pinterest' href='#'><i class='fa fa-pinterest fa-lg'/></a></li>
        </ul>

    </div>


Post section

Note:- Use High Resolution Image Like In This Image.
Copyright © 2014. Templateclue